<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--
        块元素和内联元素
        div是一个块元素，块元素会独占一行，无论它的元素有多少他都会独占一行
            它没有任何语义，就是一个纯粹的快元素，并且不会为它里面的元素设置任何默认的样式
        主要是用来给对页面进行布局

        span是一个内联的元素
            所谓的内联元素就是只占自身大小的元素，不会占用一行
                常见的内联元素：
                    a img iframe span
                span 没有任何的语义，span标签专门用来选择文字，然后为文字设置样式

        快元素主要用来做页面中的布局，内联元素主要用来选中文本设置样式
            一般情况下用快元素取包含内联元素，而不会用用内联元素包含快元素
            a 元素可以包含任意的元素，但是不能包含自己
            p 元素不能放任何的块元素
    -->

</body>
</html>